<template>
	<view class="report-pages">
		<image src="https://travel-1306862033.cos.ap-chengdu.myqcloud.com/jinta-business/jt-card1.png" mode="widthFix"
			class="img">
		</image>
		<view class="info-block">
			<view class="title-item">
				<view class="title FangZhengHanZhenGuangBiaoJianTi">走进金塔</view>
				<view class="text">Entering Jinta</view>
			</view>
			<view class="menu-block">
				<view class="menu-item" v-for="item in menuList" :key="item.id" :class="active===item.id?'active':''"
					@click="active=item.id">
					{{item.name}}
				</view>
			</view>
			<view class="artice-item" v-if="active===1">
				<view class="content" :class="more?'':'fewer'">
					金塔县，地处甘肃省河西走廊中端北侧，中国第二大内陆河——黑河纵贯南北。据考证：在旧石器时代今金塔县境内就有人类在此居住，繁衍生息。在历史的长河中，金塔县境域曾孕育着中国古老的创世神话，燃烧着原始文明的灿烂火光，谱写着汉唐盛世的强大武功，承载着华夏文明的多元文化脉搏。勤劳智慧的先民们，留下了丰富的文化遗产。大湾城、地湾城、肩水金关等国家级重点文物保护单位出土的居延汉简是世界文化史上的绮丽瑰宝，被列入中国二十世纪考古学上的四大发现之一。长城烽燧、丝绸古道、关隘要塞、石窟文殊、地下墓葬、出土文物等珍贵的文化遗产与金塔凌云、玉山积雪、高庙清钟、古城幻景、西城古柳、黑水环流、青山叠嶂、北海晴烟等独特的自然景观相映衬，向世人昭示着她那辉煌的过去。
					  金塔县地处巴丹吉林沙漠边缘，是一个古老而又焕发青春活力的地方，是以中国酒泉卫星发射中心闻名于世的地域；是著名的居延汉简的重要发掘地与考古地。绵亘祁连，远山岫如链，望若银屏；讨赖、黑河，灌溉田亩，泽被大千。大漠孤烟，映衬着“金塔凌云”；长河落日，伴随着“玉山积雪”。这里历史悠久，人杰地灵，地域文化特色鲜明；这里资源丰富，土地肥沃，粮丰林茂各业兴旺；这里山川秀丽，物华天宝，素有“塞上明珠”之称。中华人民共和国成立以来，特别是中国共产党十一届三中全会以来，勤劳勇敢的金塔人民在中国共产党领导下，沐浴着改革开放的春风，吮吸着科教兴县的甘露，在这片充满希望的田野上同心同德、勇于改革、勤奋耕耘、不辍劳作，用自己灵巧的双手和青春的彩笔，巧夺天工，神笔运筹，依靠现代科技，致力解放和发展生产力，使全县的面貌发生了翻天覆地的变化，经济、政治、文化、社会等建设取得了丰硕成果，各项事业呈现出一派欣欣向荣、繁荣昌盛的太平景象。金塔县曾荣获全国农业先进县、全国科技进步先进县、全国商品粮基地县、全国平原绿化达标县、全国百强产棉县、全国法治宣传教育先进单位、全国计划生育优质服务先进县、全国基本农田保护工作先进单位、全国双拥模范县、科技进步先进县、中国最具特色的旅游名县、全国休闲农业与乡村旅游示范县和中国新能源产业百强县……这一切誉满华夏的荣誉称号，在史册上烙下一幅幅光辉灿烂的篇章。
				</view>
				<view class="more" @click="more=!more">{{more?'【收起】':'【展开】'}}</view>
			</view>
			<view class="artice-item" v-if="active===2">
				<view class="content" :class="more1?'':'fewer'">
					汉武帝元狩二年（前121年）建立酒泉郡，元鼎六年（前111年），在今金塔县境内设会水县，属酒泉郡。王莽时期，改会水县为萧武县。晋惠帝元康五年（295年），复名会水县。南朝宋武帝永初二年（421年），北凉沮渠牧犍在县境西部建立牧庄，后世称“王子庄”。北魏孝昌二年（526年），废会水县，按水系将县境西部并入酒泉，将县境东部并入张掖。隋炀帝大业三年（607年），置福禄县（辖金塔县全境）。唐高祖武德二年（619年），金塔西部属酒泉县，东部属福禄县。唐代宗大历元年（766年）后，被吐蕃控制。唐宣宗大中五年（851年），由“归义军”管理。唐懿宗咸通十三年（872年）被甘州回鹘控制。宋仁宗宝元元年（1038年），党项人李元昊建立西夏政权，金塔属西夏国，县境西部隶番禾郡，东部隶镇夷郡。元世祖中统五年（1264年）置甘州路总管府（辖县境东部），元世祖至元七年（1270年），置肃州路总管府（辖县境西部）。明太祖洪武二十八年（1395年），在金塔境内置威远卫（辖县境东部）和威虏卫（辖县境西部）。清雍正三年（1725年），置高台县（辖县境东部）。雍正七年（1729年），置肃州直隶州王子庄分州（辖县境西部）。雍正十三年（1735年），设毛目城屯田县丞（高台分县）。  

					民国2年（1913年），改肃州直隶州王子庄分州为金塔县，改高台分县为毛目县。民国18年（1929年），改毛目县为鼎新县。1949年9月，金塔县、鼎新县和平解放。1956年3月，金塔县、鼎新县合并为金塔县，隶属张掖专员公署。1958年11月，金塔县、酒泉县合并成立专区级酒泉市，隶属甘肃省人民委员会。1961年12月，恢复金塔县建置，属酒泉专员公署。1978年12月，金塔县隶属酒泉地区行政公署。2002年9月，酒泉撤地设市，金塔县隶属酒泉市。
				</view>
				<view class="more" @click="more1=!more1">{{more1?'【收起】':'【展开】'}}</view>
			</view>
			<view class="artice-item" v-if="active===3">
				<view class="content" :class="more2?'':'fewer'">
					金塔县辖金塔镇、东坝镇、大庄子镇、西坝镇、中东镇、鼎新镇、航天镇、古城乡、羊井子湾乡7镇2乡和1个城市社区管委会，有89个行政村479个村民小组，4个城镇社区。境内有满族、回族、藏族、白族等15个少数民族，全县常住人口12.2万人。
				</view>
				<view class="more" @click="more2=!more2">{{more2?'【收起】':'【展开】'}}</view>
			</view>
			<view class="artice-item" v-if="active===4">
				<view class="content" :class="more3?'':'fewer'">
					【地理位置】金塔县地处河西走廊中段北部边缘，昔名王子庄，因北凉王长子沮渠牧犍曾在此地建立牧庄而得名。1913年以县城东南的“金塔寺”取名金塔县。介于东经97°58`～100°20`、北纬39°47`～40°59`之间。东与高台县毗邻，西与玉门市接壤，南临肃州区和嘉峪关市，北靠内蒙古额济纳旗，驰名中外的酒泉卫星发射中心坐落于县境内东北部，是现代飞天的故乡。全县总面积1.88万平方千米，东西长约170千米，南北宽约115千米。

					【地势与气候】金塔县境内东南北三面皆山，中间低平，地形略呈斜方，根据甘肃省主要地貌单元分类，属于第七单元走廊北山山地，平均海拔1275米，相对高度500米～1000米，境内东部和东南部属巴丹吉林沙漠边缘和合黎山地带，海拔1100米～1400米；西部为戈壁荒漠，海拔1200米～1500米；南部为夹山褶皱带，海拔1340米～1488米；北部属马鬃山地台东南部的低山地带，海拔1210米～1300米；中部地势低平，海拔1100米～1300米，形成金塔盆地，地势南高北低，西南高向东北渐次低下，地下水由西南流向东北。地面坡度0.8‰～13‰。金塔县境内最高处四道红山主峰，海拔1924米；最低处金塔盆地北部，海拔921米。金塔县属于典型的温带干旱大陆性气候，冬季寒冷，夏季炎热，温差大，日照充足，蒸发大，年日照时数达3086.6小时，年平均气温9.4℃，年降水量39.0毫米。源于祁连山冰川群中的黑河、讨赖河多年平均入境水资源总量15.11亿立方米，地下水资源量3.59亿立方米。境内有鸳鸯池、解放村、红沙墩等大小水库12座，总库容量达2.07亿立方米。
				</view>
				<view class="more" @click="more3=!more3">{{more3?'【收起】':'【展开】'}}</view>
			</view>
			<view class="artice-item" v-if="active===5">
				<view class="content" :class="more4?'':'fewer'">
					金塔县，地处甘肃省河西走廊中端北侧，中国第二大内陆河——黑河纵贯南北。据考证：在旧石器时代今金塔县境内就有人类在此居住，繁衍生息。在历史的长河中，金塔县境域曾孕育着中国古老的创世神话，燃烧着原始文明的灿烂火光，谱写着汉唐盛世的强大武功，承载着华夏文明的多元文化脉搏。勤劳智慧的先民们，留下了丰富的文化遗产。大湾城、地湾城、肩水金关等国家级重点文物保护单位出土的居延汉简是世界文化史上的绮丽瑰宝，被列入中国二十世纪考古学上的四大发现之一。长城烽燧、丝绸古道、关隘要塞、石窟文殊、地下墓葬、出土文物等珍贵的文化遗产与金塔凌云、玉山积雪、高庙清钟、古城幻景、西城古柳、黑水环流、青山叠嶂、北海晴烟等独特的自然景观相映衬，向世人昭示着她那辉煌的过去。
					  金塔县地处巴丹吉林沙漠边缘，是一个古老而又焕发青春活力的地方，是以中国酒泉卫星发射中心闻名于世的地域；是著名的居延汉简的重要发掘地与考古地。绵亘祁连，远山岫如链，望若银屏；讨赖、黑河，灌溉田亩，泽被大千。大漠孤烟，映衬着“金塔凌云”；长河落日，伴随着“玉山积雪”。这里历史悠久，人杰地灵，地域文化特色鲜明；这里资源丰富，土地肥沃，粮丰林茂各业兴旺；这里山川秀丽，物华天宝，素有“塞上明珠”之称。中华人民共和国成立以来，特别是中国共产党十一届三中全会以来，勤劳勇敢的金塔人民在中国共产党领导下，沐浴着改革开放的春风，吮吸着科教兴县的甘露，在这片充满希望的田野上同心同德、勇于改革、勤奋耕耘、不辍劳作，用自己灵巧的双手和青春的彩笔，巧夺天工，神笔运筹，依靠现代科技，致力解放和发展生产力，使全县的面貌发生了翻天覆地的变化，经济、政治、文化、社会等建设取得了丰硕成果，各项事业呈现出一派欣欣向荣、繁荣昌盛的太平景象。金塔县曾荣获全国农业先进县、全国科技进步先进县、全国商品粮基地县、全国平原绿化达标县、全国百强产棉县、全国法治宣传教育先进单位、全国计划生育优质服务先进县、全国基本农田保护工作先进单位、全国双拥模范县、科技进步先进县、中国最具特色的旅游名县、全国休闲农业与乡村旅游示范县和中国新能源产业百强县……这一切誉满华夏的荣誉称号，在史册上烙下一幅幅光辉灿烂的篇章。
				</view>
				<view class="more" @click="more4=!more4">{{more4?'【收起】':'【展开】'}}</view>
			</view>
			<view class="artice-item" v-if="active===6">
				<view class="content" :class="more5?'':'fewer'">
					金塔县，地处甘肃省河西走廊中端北侧，中国第二大内陆河——黑河纵贯南北。据考证：在旧石器时代今金塔县境内就有人类在此居住，繁衍生息。在历史的长河中，金塔县境域曾孕育着中国古老的创世神话，燃烧着原始文明的灿烂火光，谱写着汉唐盛世的强大武功，承载着华夏文明的多元文化脉搏。勤劳智慧的先民们，留下了丰富的文化遗产。大湾城、地湾城、肩水金关等国家级重点文物保护单位出土的居延汉简是世界文化史上的绮丽瑰宝，被列入中国二十世纪考古学上的四大发现之一。长城烽燧、丝绸古道、关隘要塞、石窟文殊、地下墓葬、出土文物等珍贵的文化遗产与金塔凌云、玉山积雪、高庙清钟、古城幻景、西城古柳、黑水环流、青山叠嶂、北海晴烟等独特的自然景观相映衬，向世人昭示着她那辉煌的过去。
					  金塔县地处巴丹吉林沙漠边缘，是一个古老而又焕发青春活力的地方，是以中国酒泉卫星发射中心闻名于世的地域；是著名的居延汉简的重要发掘地与考古地。绵亘祁连，远山岫如链，望若银屏；讨赖、黑河，灌溉田亩，泽被大千。大漠孤烟，映衬着“金塔凌云”；长河落日，伴随着“玉山积雪”。这里历史悠久，人杰地灵，地域文化特色鲜明；这里资源丰富，土地肥沃，粮丰林茂各业兴旺；这里山川秀丽，物华天宝，素有“塞上明珠”之称。中华人民共和国成立以来，特别是中国共产党十一届三中全会以来，勤劳勇敢的金塔人民在中国共产党领导下，沐浴着改革开放的春风，吮吸着科教兴县的甘露，在这片充满希望的田野上同心同德、勇于改革、勤奋耕耘、不辍劳作，用自己灵巧的双手和青春的彩笔，巧夺天工，神笔运筹，依靠现代科技，致力解放和发展生产力，使全县的面貌发生了翻天覆地的变化，经济、政治、文化、社会等建设取得了丰硕成果，各项事业呈现出一派欣欣向荣、繁荣昌盛的太平景象。金塔县曾荣获全国农业先进县、全国科技进步先进县、全国商品粮基地县、全国平原绿化达标县、全国百强产棉县、全国法治宣传教育先进单位、全国计划生育优质服务先进县、全国基本农田保护工作先进单位、全国双拥模范县、科技进步先进县、中国最具特色的旅游名县、全国休闲农业与乡村旅游示范县和中国新能源产业百强县……这一切誉满华夏的荣誉称号，在史册上烙下一幅幅光辉灿烂的篇章。
				</view>
				<view class="more" @click="more5=!more5">{{more5?'【收起】':'【展开】'}}</view>
			</view>
			<view class="title-item">
				<view class="title FangZhengHanZhenGuangBiaoJianTi">金塔风光</view>
				<view class="text">Jinta Scenery</view>
			</view>
			<view class="image-block">
				<view class="image-item" v-for="item in imageList" :key="item.id">
					<image :src="item.url" class="img" mode="widthFix"></image>
				</view>
			</view>
			<view class="title-item">
				<view class="title FangZhengHanZhenGuangBiaoJianTi">舌尖上的金塔</view>
				<view class="text">Jinta on the tip of the tongue</view>
			</view>
			<view class="food-block">
				<view class="food-item" v-for="item in foodList" :key="item.id">
					<image :src="item.url" class="img" mode="widthFix"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				active: 1,
				menuList: [{
					id: 1,
					name: '概括'
				}, {
					id: 2,
					name: '历史'
				}, {
					id: 3,
					name: '交通'
				}, {
					id: 4,
					name: '地理'
				}, {
					id: 5,
					name: '荣誉'
				}, {
					id: 6,
					name: '招商引资'
				}],
				more: false,
				more1: false,
				more2: false,
				more3: false,
				more4: false,
				more5: false,
				imageList: [{
						id: 1,
						url: 'https://travel-1306862033.cos.ap-chengdu.myqcloud.com/jinta-business/%E5%8D%AB%E6%98%9F%E5%8F%91%E5%B0%84.png'
					},
					{
						id: 2,
						url: 'https://travel-1306862033.cos.ap-chengdu.myqcloud.com/jinta-business/%E9%BB%91%E6%B2%B3%E7%8E%AF%E6%B5%81.png'
					},
					{
						id: 3,
						url: 'https://travel-1306862033.cos.ap-chengdu.myqcloud.com/jinta-business/%E9%87%91%E5%A1%94%E5%AF%BA.png'
					}
				],
				foodList: [{
						id: 1,
						url: 'https://travel-1306862033.cos.ap-chengdu.myqcloud.com/jinta-business/%E9%87%91%E5%A1%94%E7%BE%8A%E8%82%89.png'
					},
					{
						id: 2,
						url: 'https://travel-1306862033.cos.ap-chengdu.myqcloud.com/jinta-business/%E9%87%91%E5%A1%94%E7%B2%89%E7%9A%AE.png'
					}
				]
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.report-pages {
		padding: 30rpx;
		min-height: 100vh;

		.img {
			width: 100%;
		}

		.info-block {
			margin-top: 30rpx;

			.title-item {
				text-align: center;
				margin-top: 50rpx;

				.title {
					font-size: 34rpx;
				}

				.text {
					font-size: 22rpx;
					color: #767676;
					margin-top: 10rpx;
				}
			}

			.menu-block {
				margin-top: 40rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;

				.menu-item.active {
					background: linear-gradient(to right, #1CB1FD, #22DFE9);
					padding: 10rpx 20rpx;
					border-radius: 40rpx;
					color: #FFFFFF;
				}
			}

			.artice-item {
				margin-bottom: 30rpx;

				.content {
					font-size: 30rpx;
					line-height: 56rpx;
					margin-top: 30rpx;
					text-indent: 60rpx;

				}

				.content.fewer {
					dword-break: break-all;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 15;
					/* 超出几行省略 */
					overflow: hidden;
				}

				.more {
					color: #0256FF;
					display: flex;
					justify-content: flex-end;
				}
			}

			.image-block {
				width: 100%;
				display: flex;
				align-items: center;
				overflow-x: scroll;
				margin-top: 50rpx;

				.img {
					width: 500rpx;
					margin-right: 30rpx;
				}
			}

			.food-block {
				width: 100%;
				display: flex;
				align-items: center;
				flex-wrap: wrap;
				justify-content: space-between;
				margin-top: 50rpx;

				.food-item {
					width: calc(50% - 15rpx);
					margin-bottom: 30rpx;

					.img {
						width: 100%;
					}
				}
			}
		}
	}
</style>